<%-- 
   Detalles del Archivo MAS VOTADO O MAS DESCARGADO
--%>

<%@page import="model.bean.BeanTipoArchivo"%>
<%@page import="model.dao.DaoTipoArchivo"%>
<%@page import="model.bean.BeanCurso"%>
<%@page import="model.dao.DaoCurso"%>
<%@page import="model.bean.BeanCiclo"%>
<%@page import="model.dao.DaoCiclo"%>
<%@page import="model.bean.BeanComentario"%>
<%@page import="model.bean.BeanArchivo"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>

<%@page import="model.bean.BeanUsuario"%>
<%@page import="java.util.ArrayList"%>
<%@page import="model.dao.DaoUsuario"%>

<!DOCTYPE HTML>
<%
    response.setHeader("Pragma", "no-cache");
    response.setHeader("Cache-Control", "no-store");
    response.setHeader("Expires", "0");
    response.setDateHeader("Expires", -1);
    if (session.getAttribute("ID") == null) {
        response.sendRedirect(request.getContextPath());
    } else {
        BeanUsuario usuario = (BeanUsuario) session.getAttribute("usuario");
%>
<%-- Obtengo los parámetros enviados desde el Servlet--%>
<jsp:useBean id ="archivo" scope="request" type="BeanArchivo" />
<jsp:useBean id="listaComentarios" scope="request" type="ArrayList<BeanComentario>"/> 



<html>

    <head>
        <title>Baticueva Virtual</title>
        <meta name="description" content="website description" />
        <meta name="keywords" content="website keywords, website keywords" />
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <link rel="stylesheet" type="text/css" href="css/style.css" />
        <!-- modernizr habilita contenido HTML5 -->
        <script type="text/javascript" src="js/modernizr-1.5.min.js"></script>

    </head>
    <body>
        <div id="main">
            <header>
                <img src="<%=request.getContextPath()%>/images/bat.gif" onmouseover="this.width=290;this.height=156;" onmouseout="this.width=225;this.height=141;" width="225" height="141" />
                <div id="logo">
                    <div id="logo_text">
                        <!-- class="logo_six", PERMITE MODIFICAR Y CAMBIAR EL TIPO DE EL TITULO PRINCIPAL -->
                        <h1><a href="/view/usuario/usuario_principal.jsp">Bienvenidos a la Baticueva Virtual<span class="logo_six"></span></a></h1>
                        <h2>Busca y Descarga tus Practicas y Examenes</h2>
                    </div>
                </div>

                <nav>
                    <div id="menu_container">
                        <ul class="sf-menu" id="nav">
                            <li><a href="<%=request.getContextPath()%>/view/usuario/usuario_principal.jsp">Inicio</a></li>
                            <li><a href="#">Quienes Somos</a></li>
                            <li><a href="#">Contactanos</a></li>
                        </ul>
                    </div>
                </nav>
            </header>

            <div id="site_content">

                <!-- ingreso del sidebar de usuario simple   -->
                <div id="sidebar_container_usuario">
                    <div class="sidebar1">

                        <table style="width: 280px;" border="0">
                            <tbody>
                                <tr>
                                    <td><h2><%=usuario.getAlias()%></h2></td>
                                    <td rowspan="5"><img border="0" src="<%=request.getContextPath()%>/ServletDowloadFoto" width="80%" height="80%"></td>
                                </tr>
                                <tr>
                                    <td><h1><%=usuario.getNombre()%>&nbsp;  <%=usuario.getApellido()%></h1></td>
                                </tr>
                                <tr>
                                    <td><h3><%=usuario.getCorreo()%></h3></td>
                                </tr>
                                <tr>
                                    <td><a href="<%=request.getContextPath()%>/ServletUsuario?action=update&id=<%=usuario.getIdusuario()%>" >Configuracion de Cuenta</a></td>
                                </tr>
                                <tr>
                                    <td></td>
                                </tr>
                            </tbody>
                        </table> 
                        <form action="<%=request.getContextPath()%>/ServletLogout"><button>Cerrar Sesion</button></form>         
                    </div>

                    <!-- ingreso del sidebar de mira tus archivos subidos   -->
                    <div class="sidebar2">
                        <table border="0">
                            <tbody>
                                <tr>
                                    <td><img src="<%=request.getContextPath()%>/images/oficina_pdf.png" alt="Mira tus archivos" height="60" width="60"></td>
                                    <td><h9><a href="<%=request.getContextPath()%>/ServletArchivo?action=viewarchivos&id=<%=usuario.getIdusuario()%>" >Mira tus archivos subidos</a></h9></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>

                    <!-- ingreso del sidebar de sube mas   -->
                   <div class="sidebar3">

                        <table border="0">
                            <tbody>
                                <tr>
                                    <td><h8>Sube tu exámen o práctica</h8></td>
                            </tr>
                            <tr>
                                <td><h3>Único formato aceptado PDF</h3>
                                </td>
                            </tr>
                            </tbody>
                        </table> 

                        <form class="form-horizontal" method="POST" enctype="multipart/form-data" action="<%= request.getContextPath()%>/ServletUploadPDF">
                            <input type="file" name="files"  >
                            <h3>Seleccionar el semestre</h3><select size="1" name="semestre">
                                <option>2012-2</option>
                                <option>2012-1</option>
                                <option>2012-0</option>
                                <option>2011-2</option>
                                <option>2011-1</option>
                                <option>2011-0</option>
                            </select>  
                            <br>
                            <br>
                            <br>
                            <h3>Seleccionar Ciclo</h3><select name="ciclo">
                                <%
                                    DaoCiclo daociclo = new DaoCiclo();
                                    for (BeanCiclo ciclo : daociclo.getCicloList()) {%>
                                <option value="<%=ciclo.getIdciclo()%>"><%=ciclo.getNombre_ciclo()%></option>
                                <% }%>
                            </select>
                            <br>
                            <br>

                            <h3>Curso</h3><select name="curso">
                                <%
                                    DaoCurso daocurso = new DaoCurso();
                                    for (BeanCurso curso : daocurso.getCursoList()) {%>
                                <option value="<%=curso.getIdcurso()%>"><%=curso.getTag()%></option>
                                <% }%>
                            </select>
                            <br><br>
                            <h3>Seleccionar la nota</h3><select name="nota">
                                <%
                                    int i = 0;
                                    for (i = 1; i <= 20; i++) {%>
                                <option value="<%=i%>"><%=i%></option>
                                <% }%>

                            </select><br><br>
                            <h3>Tipo de evaluacion</h3><select name="tipoevaluacion">
                                <%
                                    DaoTipoArchivo daotipoarchivo = new DaoTipoArchivo();
                                    for (BeanTipoArchivo tipoarchivo : daotipoarchivo.getTipoList()) {%>
                                <option value="<%=tipoarchivo.getIdtipoarchivo()%>"><%=tipoarchivo.getNombre_tipo()%></option>
                                <% }%>

                            </select><br><br>
                            <h3>Descripcion</h3>
                            <TEXTAREA NAME="descripcion" COLS=29 ROWS=6></TEXTAREA>
                            <br>
                            <br>
                            <input type="submit" VALUE="Subir PDF"></form>

                        <!-- ingreso de la tabla para tipo de evaluacion -->

                    </div>

                </div>
                <!-- ingreso de la tabla para la pagina principal -->
               <div id="content1">
                    <div class="content1">
                       <h2>Busca y Descarga Practicas y Examenes</h2>
                        <table style="width: 570px;" border="0">
                           <tbody>
                            <form method="post" action="<%=request.getContextPath()%>/ServletArchivo?action=search">
                                <td style="width: 120px;"><input type="text" name="palabra" placeholder="Busca el archivo..." ></td>
                                <td style="width: 120px;"><button type="submit" name="buscar">Buscar</button></td>
                                <td style="width: 20px;">&nbsp;</td>
                            </form>
                             <form method="post" action="<%=request.getContextPath()%>/ServletArchivo?action=advmenu">       
                                <td style="width: 200px;"><button type="submit" name="busquedaavanzada">Busqueda Avanzada</button></td>
                                <td style="width: 20px;">&nbsp;</td>
                            </form>
                            </tbody>
                        </table>
                    </div>
                </div>  

                <!-- CAJA PARA LA BUSQUEDA AVANZADA  -->

                <!-- FIN CAJA PARA LA BUSQUEDA AVANZADA  -->
                <!-- CUERPO DE BUSQUEDA SIMPLE conteiner3-->

                <div id="content6">
                    <div class="content6">

                        <table style="width: 570px;" border="0">
                            <tbody>
                                <tr>
                                    <td align="left">
                                        <h4><%=archivo.getCurso().getTag()%> / <%=archivo.getTipoarchivo().getNombre_tipo()%> / Nota : <%=archivo.getNota()%></h4>
                                    </td>
                                    <td style="width: 120px;"><a href="<%=request.getContextPath()%>/ServletArchivo?action=mostvoteuser"><button>Regresar</button></a>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <table style="width: 570px;" border="0">
                            <tbody>
                                <tr>
                                    <td align="left"><h8>Subido por: <%=archivo.getUsuario().getAlias()%> el <%=archivo.getFecha_subida()%></h8><br>
                            <h8><%=archivo.getNum_descargas()%> Descargas / <%=archivo.getMegusta()%> Votos/ <%=listaComentarios.size()%> Comentarios</h8></td>   
                            <% if (usuario.getEstado().getIdestado() == 1) {%>
                            <td><a href="<%=request.getContextPath()%>/ServletArchivo?action=like&id=<%=archivo.getIdarchivo()%>"><i class="icon-thumbs-up"></i>Me gusta</a></td>
                            <td><a href="<%=request.getContextPath()%>/ServletArchivo?action=reportfile&id=<%=archivo.getIdarchivo()%>"><i class="icon-flag"></i>Reportar</a></td>
                            <%}%>
                            <td><a href="<%=request.getContextPath()%>/ServletArchivo?action=descargar&id=<%=archivo.getIdarchivo()%>"><i class="icon-download-alt"></i>Descargar</a></td>
                            </tr>
                            </tbody>
                        </table>

                        <h9>Comentarios</h9>
                        <% for (BeanComentario comentario : listaComentarios) {%>
                        <table style="width: 530px;" border="0">
                            <tbody>
                                <tr>
                                    <td valign="top" style="width: 90px;"><h7><%=comentario.getUsuario().getAlias()%> </h7></td>
                                    <% if (comentario.getEstado().getIdestado() == 0) {%>
                            <td align="left" style="color:#F00;font-size: x-small">Comentario ha sido reportado</td>
                            <% } else {%>
                            <td style="width: 250px;"><%=comentario.getContenido()%></td>
                            <% if (usuario.getEstado().getIdestado() == 1) {%>
                            <td><a href="<%=request.getContextPath()%>/ServletComentario?action=report&id=<%=comentario.getIdcomentario()%>&idarchivo=<%=archivo.getIdarchivo()%>"><i class="icon-flag"></i>Reportar</a></td>
                            <%}%>
                            </tr>
                            <tr>
                                <td style="width: 20px;">&nbsp;</td>
                                <td align="left" style="width: 250px;" ><h5><%=comentario.getFecha_creacion().toString()%></h5></td>
                            </tr>
                            </tbody>
                        </table>
                        <% }%>
                        <% }%>
                        <br>
                        <% if (usuario.getEstado().getIdestado() == 1) {%>

                        <form method="post" action="<%=request.getContextPath()%>/ServletComentario?action=insert&id=<%=archivo.getIdarchivo()%>">
                            <table style="width: 530px;" border="0">
                                <tbody>
                                    <tr>
                                        <td align="center"><textarea name="contenido" cols=50 rows=6 placeholder="Escribe un comentario... " ></textarea></td>
                                    </tr>
                                    <tr>
                                        <td align="right"><i class="icon-comment"></i><button type="submit" name="comentar" class="btn btn-primary">Comentar</button></td>
                                    </tr>
                                </tbody>

                            </table>
                        </form>
                        <%}%>
                    </div>
                </div> 
                <!-- fin de caja de cada resultado -->

            </div>
            <footer>
                <p>Copyright &copy; Telecom | <a href="http://www.pucp.edu.pe">grupo de telecomunicaciones OpenSource</a></p>
            </footer>
        </div>
        <p>&nbsp;</p>
        <!-- javascript at the bottom for fast page loading -->
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/jquery.easing-sooper.js"></script>
        <script type="text/javascript" src="js/jquery.sooperfish.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $('ul.sf-menu').sooperfish();
            });
        </script>
    </body>
</html>
<% }%>